.mine {
	display: flex;
	flex-direction: column;
	background: #e8e8e8;
	.main {
		color: #101010;
		height: 100px;
		flex-grow: 1;
		overflow-y: auto;
		// 用户
		.mine-user {
			width: 100%;
			height: 200px;
			background: #fff;
			margin-bottom: 20px;
			padding-top: 25px;
			// 用户
			.user {
				display: flex;
				align-items: center;
				justify-content: space-around;
				height: 120px;
				margin-left: 20px;
				color: #101010;
				#photo {
					position: relative;
					width: 120px;
					height: 120px;
					border: 3px solid rgba(66, 148, 255, 1);
					border-radius: 50%;
					background: #e8e8e8;
					background: url(../../assets/images/hold.jpg) no-repeat center/cover;
					span {
						position: absolute;
						right: 0px;
						bottom: 0px;
						width: 45px;
						line-height: 22px;
						text-align: center;
						background: #ff6600;
						color: #fff;
						font-size: 18px;
						font-weight: bold;
					}
				}

				#nickName {
					flex-grow: 1;
					margin-left: 16px;
					font-size: 20px;
					font-weight: bold;
				}
				.set-info {
					margin-right: 28px;
					font-family: 宋体;
					font-size: 24px;
					font-weight: bold;
				}
			}
			.signature {
				margin-left: 25px;
				margin-top: 20px;
				color: #8a8a8a;
				font-size: 16px;
			}
		}
		// 运动数据
		.mine-sports {
			width: 100%;
			height: 160px;
			background: #fff;
			margin-bottom: 20px;
			#data {
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 65px;
				font-weight: bold;
				color: #101010;
				div {
					font-size: 18px;
					span {
						margin-left: 25px;
						font-size: 20px;
						color: #4294ff;
					}
				}
				.data-btn {
					margin-right: 20px;
					font-size: 26px;
					color: #8a8a8a;
					font-family: 宋体;
				}
			}
			#sport {
				display: flex;
				color: #8a8a8a;
				.total-sports {
					width: 156px;
					height: 95px;
					margin-left: 30px;
				}
				p {
					color: #101010;
					margin-top: 15px;
				}
				span {
					width: 156px;
					height: 48px;
					color: #4294ff;
					font-size: 30px;
				}
				.mine-calorie {
					width: 156px;
					height: 70px;
					border-left: 1px dashed #bbbbbb;
					padding-left: 10px;
				}
			}
		}
		// 我的徽章
		.mine-badge {
			width: 100%;
			height: 170px;
			background: #fff;
			margin-bottom: 20px;
			#badge-title {
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 65px;
				font-weight: bold;
				color: #101010;
				div {
					font-size: 18px;
					span {
						margin-left: 25px;
						font-size: 20px;
						color: #4294ff;
					}
				}
				.badge-btn {
					margin-right: 20px;
					font-size: 26px;
					color: #8a8a8a;
					font-family: 宋体;
				}
			}
			#badge {
				display: flex;
				justify-content: space-around;
				width: 100%;
				height: 100px;
				p {
					width: 100px;
					height: 100px;
					border: 1px solid #bbbbbb;
					border-radius: 50%;
				}
			}
		}
		// 退出登录
		.mine-btn {
			text-align: center;
			line-height: 50px;
			background: #fff;
			margin-bottom: 100px;
			button {
				color: #4294ff;
				background: #fff;
			}
		}
	}
	//
}
